html {
    background-color: #DDD;
}
body {
    width: 900px;
    margin: 0 auto;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    box-shadow: 0 0 5px #000;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .5);
    padding: 7px 25px 70px;
    background-color: #FFF;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, "Times New Roman", serif;
}
h2, form {
    text-align: center;
}
form {
    margin-top: 5px;
}
.input {
    width: 500px;
    height: 300px;
    margin: 0 auto;
    display: block;
}
section {
    margin-top: 40px;
}
dt {
    font-weight: bold;
    font-size: larger;
}
#canvas {
    cursor: crosshair;
}
#canvas, #html {
    border: 1px solid black;
}
.filename {
    text-align: right;
}
#html {
    box-sizing: border-box;
    ms-box-sizing: border-box;
    webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    overflow: auto;
    padding: 1em;
}
dt:target {
    background-color: Highlight;
    color: HighlightText;
}